<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style>
/* 设置全居滚动条的样式 */
::-webkit-scrollbar {
  width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(111, 111, 111, 0.3);
  border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(123, 123, 123, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(143, 137, 137, 0.4);
}

div.el-table ::-webkit-scrollbar {
  /* 组件内滚动条不显示 */
  display: none;
}
div.el-table:hover ::-webkit-scrollbar {
  /* 悬停时滚动条才显示 */
  display: block;
}

#map {
    background: rgb(238, 238, 238);
}
.zuobiao {
  position: absolute;
  bottom: 70px;
  left: 1.5rem;
  width: 100px;
  height: 100px;
  border: #000 1px solid;
  background: url("../public/static/img/1.png");
  background-size: 100% 100%;
}

.positiondiv {
  position: absolute;
  bottom: 40px;
  left: 1.5rem;
  font-size: 12px;
  color: gray;
}
.scalediv {
  font-size: 12px;
  color: gray;
  position: absolute;
  bottom: 20px;
  left: 1.5rem;
  width: 100px;
  height: 15px;
  border-left: #999999  solid 1px;
  border-bottom: #999999  solid 1px;
  border-right: #999999  solid 1px;
  /* background-color: #fff; */
}
.scalediv span {
  position: absolute;
  bottom: 2px;
  width: 100px;
  /* margin: 0 auto; */
  text-align: center;
  /* background-color: #fff; */
}

/deep/ .el-table .cell {
  white-space: nowrap!important;

}

.playButton /deep/ .el-button--mini.is-circle {
  width: 36px;
  height: 36px;
}

</style>
